html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

html {
	font-size: 100px;
}

ul,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	list-style: 0;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

/*正文*/
.t_container {
	width: 100%;
	height: 100%;
	min-width: 1360px;
	background: url('../../statics/img/analyse/true.png') no-repeat;
	background-size: 100% 100%;
	position: relative;
	min-height: 756px;
}

.t_header {
	width: 100%;
	height: 80px;
	background: url('../../statics/img/analyse/linx.png') no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.t_header span {
	color: #fff;
	font-size: 0.36rem;
	position: absolute;
	top: 50%;
	margin-top: -0.24rem;
	left: 9%;
}

.t_main {
	width: 98%;
	height: 8.74rem;
	margin: 0 auto;
	margin-top: 0.2rem;
	margin-bottom: 0;
}

.t_left_box {
	position: relative;
	width: 3.36rem;
	height: 4.6rem;
	display: inline-block;
	text-align: center;
}

.t_l_line {
	position: absolute;
	top: 0;
	left: 0;
}

.t_r_line {
	position: absolute;
	bottom: 0;
	right: 0;
}

.t_center_box {
	width: 6.82rem;
	display: inline-block;
	min-width: 490px;
}

.t_top_box {
	width: 100%;
	height: 1.13rem;
	overflow: hidden;
	position: relative;
	margin-bottom: 0.2rem;
}

.t_bottom_box {
	width: 100%;
	height: 3.17rem;
	overflow: hidden;
	position: relative;
}

.t_right_box {
	display: inline-block;
	width: 7.8rem;
	height: 4.6rem;
	position: relative;
	min-width: 560px;
}

.b_left_box {
	display: inline-block;
	width: 5.9rem;
	height: 3.6rem;
	position: relative;
	min-width: 425px;
}

.b_center_box {
	display: inline-block;
	width: 6rem;
	height: 3.6rem;
	position: relative;
	min-width: 432px;
}

.b_right_box {
	display: inline-block;
	width: 6rem;
	height: 3.6rem;
	position: relative;
	min-width: 432px;
}

.t_mbox {
	width: 3rem;
	height: 2rem;
	position: relative;
	margin: 0 auto;
	margin-top: 0.2rem;
}

.t_rbox {
	background: #D9523F;
}

.t_ybox {
	background: #F6A645;
}

.t_mbox i {
	display: inline-block;
	width: 0.46rem;
	height: 0.48rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20%;
	margin: auto;
}

.t_mbox h2 {
	font-size: 0.28rem;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
}

.t_mbox span {
	font-size: 0.2rem;
	color: #fff;
	position: absolute;
	top: 24%;
	left: 48%;
}

.t_rbox i {
	background: url(../../statics/img/analyse/indent.png) no-repeat;
	background-size: 100% 100%;
}

.t_ybox i {
	background: url(../../statics/img/analyse/consumption.png) no-repeat;
	background-size: 100% 100%;
}

.t_nav {
	width: 100%;
	height: 100%;
}

.t_nav li {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
}

.t_nav li span {
	font-size: 0.16rem;
	color: #1AA1FD;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 25%;
}

.t_nav li h1 {
	font-size: 0.30rem;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
}

.t_nav li i {
	width: 1px;
	height: 100%;
	position: absolute;
	right: -0.2rem;
	/*background: url('../../img/sper.png') no-repeat;*/
	background-size: 100% 100%;
}

.t_table {
	font-size: 0.16rem;
	color: #fff;
	width: 94%;
	margin: 0 auto;
	border-spacing: 0;
	text-align: center;
	box-sizing: border-box;
	margin-top: 12%;
}

.t_table tr {
	margin: 0;
	padding: 0;
	height: 0.42rem;
}

.t_table thead tr {
	background: #053A98;
}

.t_table tbody tr td:first-child {
	border-left: 1px solid #053A98;
}

.t_table td {
	border-bottom: 1px solid #053A98;
	border-right: 1px solid #053A98;
}

.t_title {
	position: absolute;
	font-size: 0.18rem;
	color: #fff;
	left: 5%;
	top: 10%;
}

.t_b_h,
t_b_m {
	position: absolute;
	font-size: 0.16rem;
	left: 54%;
	width: 50%;
	height: 4.6rem;
}

.t_b_h span {
	position: absolute;
	color: #fff;
	top: 10%;
}

.t_b_h img {
	position: absolute;
	width: 0.53rem;
	height: 0.53rem;
	top: 6%;
	left: 24%
}

.t_b_h h3 {
	font-size: 0.36rem;
	color: #F0FF00;
	position: absolute;
	left: 20%;
	top: 8%;
	width: 3rem;
}

.t_b_h h3 span {
	font-size: 0.2rem;
	position: absolute;
	left: 50%;
	top: 28%;
	color: #0072FF;
}

.t_b_m img {
	position: absolute;
	left: 52%;
	top: 22%;
	border-top: 1px dotted #F0FF00;
	padding: 0 0.18rem;
	padding-top: 20px;
	width: 3.8rem;
	height: 3.4rem;
}

.breathe-zct{ position:relative; width:20px; height:20px; top:2px;float:left;  border:1px solid #008000; border-radius:20px; color:#fff; font-size:10px; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden; 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#00FF00), to(#00FF00));
		background-image: -moz-linear-gradient(#00FF00,#00FF00);
}

.breathe-yct{ position:relative; width:20px; height:20px; top:2px;float:left;   border:1px solid #008000; border-radius:20px; color:#fff; font-size:20px;  cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden; 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF0000));
		background-image: -moz-linear-gradient(#FF0000,#FF0000);
}
/* 设备空闲状态 */
.breathe-kx{ position:relative; width:20px; height:20px; margin:10px auto; line-height:40px; border:1px solid #f8e567; border-radius:10px; color:#fff; font-size:20px; text-align:center; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f8e567), to(#f8e567));
	background-image: -moz-linear-gradient(#f8e567,#f8e567);
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: breathe;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation:ease-in-out breathe 500ms infinite alternate;
}
/* 设备离线状态 */
.breathe-lx{ position:relative; width:20px; height:20px; margin:10px auto; line-height:40px; border:1px solid #a5a5a5; border-radius:10px; color:#fff; font-size:20px; text-align:center; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a5a5a5), to(#a5a5a5));
	background-image: -moz-linear-gradient(#a5a5a5,#a5a5a5);
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: breathe;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation:ease-in-out breathe 500ms infinite alternate;
}
/* 设备运行状态 */
.breathe-zc{ position:relative; width:20px; height:20px; margin:10px auto; line-height:40px; border:1px solid #008000; border-radius:10px; color:#fff; font-size:20px; text-align:center; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden; 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#00FF00), to(#00FF00));
		background-image: -moz-linear-gradient(#00ff00, #00ff00);
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: breathe;
    -webkit-animation-duration: 500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
		animation:ease-in-out breathe 500ms infinite alternate; 
}
/* 设备未知状态 */
.breathe-wz{ position:relative; width:20px; height:20px; margin:10px auto; line-height:40px; border:1px solid #4472c4; border-radius:10px; color:#fff; font-size:20px; text-align:center; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4472c4), to(#4472c4));
	background-image: -moz-linear-gradient(#4472c4, #4472c4);
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: breathe;
	-webkit-animation-duration: 500ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation:ease-in-out breathe 500ms infinite alternate;
}

@keyframes breathe{
	0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);}
    100% { opacity: 1; border:1px solid rgba(59,235,235,1); box-shadow:0 1px 30px rgba(59,255,255,1);}
}
@-webkit-keyframes breathe {
    0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);}
    100% { opacity: 1; border:1px solid rgba(59,235,235,1); box-shadow:0 1px 30px rgba(59,255,255,1);}
}

.breathe-yc{ position:relative; width:20px; height:20px; margin:10px auto; line-height:40px; border:1px solid #f10606; border-radius:10px; color:#fff; font-size:20px; text-align:center; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden;
	 background-image: -webkit-gradient(linear, left top, left bottom, from(#f10606), to(#f10606));
	 background-image: -moz-linear-gradient(#f10606,#f10606);
	 -webkit-animation-timing-function: ease-in-out;
	 -webkit-animation-name: breathe;
	 -webkit-animation-duration: 1000ms;
	 -webkit-animation-iteration-count: infinite;
	 -webkit-animation-direction: alternate;
	 animation:ease-in-out breathe 500ms infinite alternate;
 }
@keyframes breathe{
	0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);}
	100% { opacity: 1; border:1px solid rgba(59,235,235,1); box-shadow:0 1px 30px rgba(59,255,255,1);}
}
@-webkit-keyframes breathe {
	0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);}
	100% { opacity: 1; border:1px solid rgba(59,235,235,1); box-shadow:0 1px 30px rgba(59,255,255,1);}
}

.breathe-gzh{ position:relative; width:20px; height:20px; margin:10px auto; line-height:40px; border:1px solid #008000; border-radius:10px; color:#fff; font-size:20px; text-align:center; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFF00), to(#FFFF00));
	background-image: -moz-linear-gradient(#FF0000,#FF0000);
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: breathe;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation:ease-in-out breathe 500ms infinite alternate;
}
@keyframes breathe{
	0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);}
	100% { opacity: 1; border:1px solid rgba(59,235,235,1); box-shadow:0 1px 30px rgba(59,255,255,1);}
}
@-webkit-keyframes breathe {
	0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);}
	100% { opacity: 1; border:1px solid rgba(59,235,235,1); box-shadow:0 1px 30px rgba(59,255,255,1);}
}